import React, {Component} from 'react';
import Markdown from 'react-markdown';
import {Anchor, Row, Col} from 'antd';

const {Link} = Anchor;

class JsPage extends Component {
    constructor(props) {
        super(props);
    }


    render() {

        return (
            <div style={{background:"#c0d2bc"}}>
                <Row>
                    <Col span={19}>
                        <h3 id="mysql_1">mysql简介</h3>
                        <Markdown source={"不能写冒点。\n\n1\n\n2\n\n3\n\n4\n\n5\n\n"}/>
                        <h3 id="Producer"> Producer </h3>
                        <Markdown source={"不能写冒点。\n\n1\n\n2\n\n3\n\n4\n\n5\n\n"}/>
                        <h3 id="Consumer"> Consumer </h3>
                        <Markdown source={"不能写冒点。\n\n1\n\n2\n\n3\n\n4\n\n5\n\n"}/>
                        <h3 id="Leader Election算法"> Leader Election算法   </h3>
                        <Markdown source={"不能写冒点。"}/>
                    </Col>
                    <Col span={5}>
                        <Anchor showInkInFixed="true" style={{background:"#ebefe0"}}>
                            <Link href="#mysql_1" title="mysql简介"/>
                            <Link href="#Producer" title="Producer"/>
                            <Link href="#Consumer" title="Consumer"/>
                            <Link href="#Leader Election算法" title="Leader Election算法"/>
                        </Anchor>
                    </Col>
                </Row>
            </div>

        );
    }
}

export default JsPage;